<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>科学小伙伴</title>
    <meta name="keywords" content="芈小兔教学平台,科学芈盒教学平台">
    <meta name="description"
        content=" “科学芈盒”品牌由北京芈小兔教育科技有限公司创立,以“反对填鸭教学,主张不教的教育”为教育理念,致力于为全国教育培训机构及学校提供幼少儿STEAM教育解决方案。">
<!-- 协商缓存no-cache  no-store是禁止缓存-->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Cache" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
<!-- 协商缓存 -->
    <link rel="icon" href="./images/MIXIAOTU.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <!-- 左侧列表图标4个 -->
    <link rel="stylesheet" href="./font/indexFont/iconfont.css">
    <link rel="stylesheet" href="./css/courseware.css">

</head>

<body>
    <!-- 头部 -->
    <header class="header screenFullNone">
        <div class="container">
            <div class="Hleft">
                <a href="index.html">
                    <img src="./images/courseware/科学小伙伴@2x.png" draggable="false" alt="logo科学小伙伴">
                    <!-- <p id="logoText"></p> -->
                </a>
            </div>
            <div class="Hright">
                <div id="infomation"><img src="./images/courseware/tixing@2x.png" alt="tixing"></div>
                <div id="tabOrganization">
                    <div class="showKXXHB">
                        <span>科学小伙伴</span>
                        <img src="./images/courseware/headerTaborganization.png" alt="">
                    </div>
                    <div class="pullDownList">
                        <!-- 下拉 -->
                        <div id="listBox">
                            <ul>
                                <!-- <li>摩尔思维编程</li> -->
                            </ul>
                        </div>

                        <a href="./joinOrgan.html"><img src="./images/lanjia.png"
                                alt=""><span>加入机构</span></a>
                    </div>
                </div>
                <button id="ruzhurenzheng">机构认证</button>
                <p class="logAfterHide">登录/注册</p>
                <div class="loginAfter dn">
                    <!-- <img src="./images/courseware/blue.png" alt=""> -->
                    <div class="enterLogin dn">
                        <a href="./personalCenter.html">
                            <p><img src="./images/courseware/personInfo.png" alt="personInfo">账号管理</p>
                        </a>
                        <p id="userExit"><img src="./images/courseware/tuichu.png" alt="tuichu">安全退出</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 左侧新建课件 模块切换 -->
    <div class="content">
        <div id="leftNav">
            <div class="createBtn">
                <a style="background: rgb(167, 165, 165);">
                <!-- <a href="interactCourse.html" > -->
                    <div>
                        <em class="iconfont iconiconjia"></em>
                        <span>新建课件</span>
                    </div>
                    <!-- <img src="./images/courseware/圆角矩形 1@2x.png" alt="圆角矩形"> -->
                </a>
            </div>
            <nav class="Hnav">
                <ul class="clearfix">
                    <li>
                        <a href="./index.html">
                            <div>
                                <em class="iconfont iconzuanshi"></em>
                                <i>精品课件</i>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="./myCourse.html">
                            <div>
                                <em class="iconfont icondanganshuji"></em>
                                <i>我的课程</i>
                            </div>
                           
                        </a>
                    </li>
                    <!-- <li>
                        <a href="./jobManagement.html">
                            <em class="iconfont iconbi"></em>
                            <i>作业管理</i>
                        </a>
                    </li> -->
                    <li>
                        <a href="./recycleBin.html">
                            <div>
                                <em class="iconfont iconhuishouzhan"></em>
                                <i>回收站</i>
                            </div>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div id="rightCon">
            <div class="searchInp" style="width: 51rem;">
                <ul>
                    <li id="interactCourse">
                        互动课件
                    </li>
                    <li class="active" id="PPTCourse">
                        趣味课件
                    </li>
                </ul>
                <div class="search">
                    <img id="sousuo" src="./images/courseware/sousuo.png">
                    <input type="text" autocomplete="off" id="searchCouName" placeholder="请输入课程名称">
                </div>
            </div>
            <!-- <div class="sel ">
                <div class="">
                    <div class="classSel">
                        <span>课程:</span>
                        <div class="undSel">
                            <a href="javascript:;" id="classSelA">
                                <span>幼儿园课程</span>
                                因为现在默认给用户展示的是幼儿园课程
                                <span>请选择</span>
                            </a>
                            <ul id="courseSelBox">
                                <li class="selChecked">
                                    <a href="javascript:;">
                                        <span>幼儿</span>
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="ageSel">
                        <span>年龄:</span>
                        <div class="undSel">
                            <a href="javascript:;">
                                <span>3-4岁</span>
                            </a>
                            <ul>
                                <li class="selChecked">
                                    <a href="javascript:;">
                                        <span>3-4岁</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span>7-8岁</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div> -->
            <div class="courses">
                <div class="">
                    <ul id="courseinfoStore">
                        <!-- <li>
                            <a href="javascript:;">
                                <img src="./images/我的课件_slices/wenjianjia.png" alt="切图_05">
                                <div>
                                    <p>幼儿科学启蒙课 -- 太阳系大家族</p>
                                    <em class="iconfont iconshenglvehao"></em>
                                </div>
                            </a>
                        </li> -->
                    </ul>
                </div>
            </div>
            <!-- 网络连接失败 -->
            <div class="connectErr dn screenFullNone" id="internetErr">
                <img src="./images/courseware/connectErr.png" alt="网络连接失败">
                <p>抱歉 Sorry！ 网络连接失败</p>
                <a href="javascript:;">返回</a>
            </div>
            <!-- 搜索失败 -->
            <div class="connectErr dn screenFullNone" id="searchErr">
                <img src="./images/courseware/矢量智能对象1.png" alt="搜索失败">
                <p>抱歉 Sorry！ 没有找到相关的课件</p>
                <a href="javascript:;">返回</a>
            </div>
        </div>

    </div>
    <!-- 登录与注册 login 默认隐藏点击登录显示-->
    <div class="loginDialog screenFullNone dn">
        <div class="innerBox">
            <!-- 关闭弹窗按钮 -->
            <div class="close">
                <img src="./images/courseware/cha2.png" alt="关闭">
            </div>
            <img src="./images/courseware/login@2.jpg" alt="loginBackGround">
            <div class="left">
                <img src="./images/courseware/kexue.png" alt="">
                <p>欢迎回来</p>
                <p>登录一起学习吧！</p>
                <span>课件共享,在线制作,简单高效</span>
            </div>
            <div class="right">
                <h4>登录科学小伙伴</h4>
                <div class="selTitle">
                    <div class="login">
                        <p id="wxLogin">扫码登陆</p>
                        <p id="telLogin" class="active">账号登录</p>
                    </div>
                    <div class="reg dn">
                        <p id="wxZC">微信注册</p>
                        <p id="telZC" class="active">手机注册</p>
                    </div>
                    <div class="pwdReset dn">
                        <p class="active" id="telFind">
                            手机找回
                        </p>
                    </div>
                    <div class="bindWxTel dn">
                        <p class="active">绑定手机号</p>
                    </div>
                </div>
                <div class="loginMeth">
                    <!-- 手机号登录 -->
                    <div class="telLogin common">
                        <input type="text" placeholder="请输入手机号" id="logUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="logYzm" class="yzm">
                            <button id="logGetYzm">获取验证码</button>
                        </div>
                        <div class="pwdOpera">
                            <!-- <div class="memoryPwd">
                                <input type="checkbox">
                                <em>记住密码</em>
                            </div> -->
                            <i>忘记密码？</i>
                        </div>
                        <button id="logTel">登录</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <!-- 手机注册 -->
                    <div class="telReg common dn">
                        <input type="text" placeholder="+86 | 手机号" id="regUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="regYzm" class="yzm">
                            <button id="getYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="regUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="regUserRePwd" class="twoPwd">
                        <input type="text" placeholder="请输入昵称" id="regUserName" class="userName">
                        <button id="regBtn">注册</button>
                        <strong>
                            注册即代表您同意
                            <span class="localUserAgree">《科学小伙伴用户协议》</span>
                        </strong>
                        <p>
                            已有账号？请<span class="loginBtn">登录</span>
                        </p>
                    </div>
                    <!-- wx扫描登录 -->
                    <div class="wxLogin common dn" id="wx_login">
                        <!-- <img src="./images/courseware/green.png" alt="二维码"> -->
                        <p>没有账号？请<span class="regsiBtn">注册</span></p>
                    </div>
                    <!-- wx扫描注册 -->
                    <div class="wxReg common dn" id="wx_login_reg">
                        <p>使用微信扫码注册</p>
                        <img src="./images/courseware/green.png" alt="二维码">
                        <p class="wxRegp">
                            注册即代表您同意
                            <span>《科学小伙伴用户协议》</span>
                        </p>
                        <p class="line"></p>
                        <p>已有账号？请<span class="loginBtn">登录</span></p>
                    </div>
                    <!-- 手机找回 -->
                    <div class="findTel common dn">
                        <input type="text" placeholder="+86 | 手机号" id="rePwdTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="rePwdYzm" class="yzm">
                            <button id="sendRePwdYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="rePwdUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="rePwdUserRePwd" class="twoPwd">
                        <button id="rePwdReg">提交</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <div class="bindTel common dn">
                        <input type="text" placeholder="手机号" id="bindUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="bindYzm" class="yzm">
                            <button id="bindTelYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="bindUserPwd" class="userPwd">
                        <button id="regBtn">确认绑定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 点击某一课时，显示预览课时的弹窗 -->
    <div class="previewPPTX dn">
        <div class="centerBox">
            <div class="close screenFullNone">
                <img class="fl" src="./images/courseware/cha2.png" alt="关闭">
            </div>
            <a href="javascript:;" id="lookCourse" class="screenFullNone">开始上课</a>
            <h3 class="screenFullNone">幼儿科学启蒙课程-太阳系大家族</h3>
            <div class="PPTXCon">
                <!-- 搜索失败 -->
                <div class="connectErr" id="previewErr" style="margin: 60px 0;">
                    <img src="./images/courseware/矢量智能对象1.png" alt="搜索失败">
                    <p>抱歉 Sorry！ 没有找到相关的课件内容</p>
                </div>
                <!-- 正在加载中 -->
                <div id="loading" class="dn">
                    <img style="width: 100%;height: 100%;" src="./images/courseware/loading.gif">
                </div>
                <!-- <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="http://video.mxiaotu.com/image/default/487E24E0D91D403991982D1CEA16406A-6-2.jpeg">
                        </a>
                    </li>
                </ul> -->
                <div class="swiper-container swiper-container-x">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide">Slide 1</div> -->
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next screenFullNone"></div>
                    <div class="swiper-button-prev screenFullNone"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 更多操作 -->
    <div id="opt">
        <ul>
            <!-- <li id="byCreate">
                <span>基于此课件创建</span>
            </li> -->
            <li id="interTeachShow">
                <span>教案演示</span>
            </li>
        </ul>
    </div>
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/commonTool.js"></script>
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/courseware.2.4.js"></script>
    <!-- <script src="./js/previewPPT.js"></script> -->
</body>
</html>